<template>
	<view>
		<view class="search">
			<!-- <uni-search-bar 
			@confirm="onSearch"
			@cancel="onClear"
			@clear="onClear"
			focus 
			placeholder="搜索"
			v-model="queryParams.keyword">
			</uni-search-bar> -->
			
			
			<!-- <uni-search-bar 
			clearButton="auto"
			cancelButton="none"
			:placeholder=props.title
			radius="100"
			@confirm="onSearch"
			:bgColor="bg"
			:clearButton="auto"
			> -->
			
			
			<uni-search-bar 
			clearButton="auto"
			cancelButton="none"
			:placeholder=props.title
			radius="100"
			@confirm="onSearch"
			:bgColor="bg"
			
			>
			</uni-search-bar>
		</view>
	</view>
</template>

<script setup>
	const onSearch = () =>{
		console.log('搜索');
	}
	
	const props = defineProps({
		bg:{
			type:String,
			default:'#EDEDED'
		},
		title:{
			type:String,
			default:'美食名称'
		}
	})

</script>

<style>

</style>